<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<meta name = "format-detection" content = "telephone=no">
		<title>通讯录</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				var num = $(".section").length-1;
				$(".row1-right span").text(num);
			})
		</script>
	</head>
	<body>
		<section class="section">
			<a href="#">
				<div class="row1 flex-b flex">
					<div class="row1-left flex-b flex">
						<div><!-- 头像图片 -->
						</div><!-- 头像图片 -->
						<span>产品部</span>
					</div>
					<div class="row1-right flex-b flex">
						<span></span>
					</div>
				</div>
			</a>
		</section>
		<aside class="aside">
			<span class="title" style="margin-left: 0">员工</span>
		</aside>
		<section class="section"><!-- 子列表 -->
				<div class="row1 flex-b flex">
					<div class="row1-left flex-a flex">
						<div><!-- 头像图片 -->
						</div><!-- 头像图片 -->
						<span>产品部</span>
					</div>	
				</div>
		</section><!-- 子列表 -->
		<section class="section"><!-- 子列表 -->
				<div class="row1 flex-b flex">
					<div class="row1-left flex-a flex">
						<div><!-- 头像图片 -->
						</div><!-- 头像图片 -->
						<span>产品部</span>
					</div>	
				</div>
		</section><!-- 子列表 -->
		
	</body>
	</html>